﻿@*@using System.Web.Optimization
@using TEWorkFlow.Web.Client.Models
@model TEWorkFlow.Web.Client.Models.LoginModel

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>管理登录</title>
    <link type="text/css" rel="Stylesheet" href="@Url.Content("~/Styles/reset.css")" />
    <link type="text/css" rel="Stylesheet" href="@Url.Content("~/Styles/controls.css")" />
    <script type="text/javascript" src="@Url.Content("~/Scripts/jquery-1.8.0.min.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/basic.js")"></script>

    <style type="text/css">
        #login
        {
            width: 300px;
            position: absolute;
            top: 0;
            left: 536px;
        }
        #float
        {
            top: 50%;
            height: 196px;
            width: 838px;
            margin: -154px 0 0 -418px;
            position: absolute;
            left: 50%;
        }
        #text
        {
            padding: 0;
            position: absolute;
            left: 0;
            width: 470px;
            padding: 20px;
            font-size: 18px;
            font-weight: 300;
            line-height: 22px;
            color: #EEE;
            text-align: left;
            text-shadow: gray 0 1px 2px;
            filter: Shadow(Color='black', Direction='135', Strength='2')
        }
        #text h1
        {
            margin-bottom: 3px;
            font-size: 20px;
            font-weight: 700;
            color: white;
        }
        #bg
        {
            position: fixed;
            width: 200%;
            height: 200%;
            left: -50%;
            background-color: #000;
        }
        #bg img
        {
            display: block;
            margin: auto;
            min-width: 50%;
            min-height: 50%;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
        }
        #footer
        {
            color: rgba(255, 255, 255, .25);
            position: absolute;
            bottom: 30px;
            width: 100%;
            font-size: 12px;
            color: white;
            text-align: center;
        }
        #footer ul
        {
            list-style-type: none;
            list-style: none;
            width: 838px;
            text-align: center;
            margin: 0 auto;
            display: inline-block;
        }
        #footer ul li
        {
            list-style: none;
            margin: 0 6px 0 0;
            display: inline;
            float: left;
            text-shadow: gray 0 1px 2px;
            filter: Shadow(Color='black', Direction='135', Strength='1',alpha='.25')
        }
        #footer ul li a
        {
            color: #FFF;
        }
        #footer ul li a:hover
        {
            color: #057ED0;
        }
        #sub
        {
            color: white;
            text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
            filter: Shadow(Color='black', Direction='135', Strength='1')
            background-color: #019AD2;
            background-repeat: repeat-x;
            background-image: -khtml-gradient(linear,left top,left bottom,from(#33BCEF),to(#019AD2));
            background-image: -moz-linear-gradient(#33BCEF,#019AD2);
            background-image: -ms-linear-gradient(#33BCEF,#019AD2);
            background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#33BCEF),color-stop(100%,#019AD2));
            background-image: -webkit-linear-gradient(#33BCEF,#019AD2);
            background-image: -o-linear-gradient(#33BCEF,#019AD2);
            background-image: linear-gradient(#33BCEF,#019AD2);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bcef',endColorstr='#019ad2',GradientType=0);
            border-color: #057ED0;
            -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
            -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
        }
        #validation
        {
            display:inline-block;
            color:#F00;
            font-weight:bold;
        }
        #validation ul
        {
            padding:5px;
        }
        #login .active
        {
            color:#33BCEF;
            font-weight:bold;
            font-size:16px;
        }
        #login a
        {
            color:#999;
            font-size:14px;
        }
    </style>
    <script type="text/javascript">
        function setAvtive(v) {
            if (v == 0) {
                $("#tbUser0").addClass("active");
                $("#tbUser1").removeClass("active");
            }
            else {
                $("#tbUser1").addClass("active");
                $("#tbUser0").removeClass("active");
            }
            $("#logintype").val(v);
        }
    </script>
</head>
<body>
    <div id="bg">
        <img src="@Url.Content("~/Images/jp-mountain@2x.jpg")" />
    </div>
    <div id="float">
        <div id="text">
            <h1>
                感谢使用本系统</h1>
            <p>
                ............<br />
                ............<br />
                ..............
            </p>
        </div>
        @using (Html.BeginForm())
        {
        <div class="panel" id="login">
            <h2>
                <a href="javascript:void(0);" id="tbUser0" class="active">管理登录</a>
                <input type="hidden" id="logintype" name="logintype" value="0" />
            </h2>
            <div class="textrow">
                @Html.TextBoxFor(m => m.UserName, new { maxlength = 20, @class = "textbox", @id = "t1" })
                <label class="placeholder" for="t1">
                    请输入您的账号</label>
            </div>
            <div class="textrow">
                @Html.PasswordFor(m => m.Password, new { maxlength = 20, @class = "textbox", @id = "Text1" })
                <label class="placeholder" for="Text1">
                    请输入密码</label>
            </div>
            <div class="textrow">
                <table>
                    <tr>
                        <td style="width: 220px;">
                            @Html.TextBoxFor(m => m.VCode, new { maxlength = 20, @class = "textbox", @id = "Text2" })
                            <label class="placeholder" for="Text2">
                                请输入验证码</label>
                        </td>
                        <td>
                            <img title="点击刷新验证码" alt="点击刷新验证码" src="@Url.Content("~/Account/vcode")" onclick="this.src='@Url.Content("~/Account/vcode")?'+Math.random()" />
                        </td>
                    </tr>
                </table>
            </div>
            <div class="textrow">
                <div id="validation">@Html.ValidationSummary(true, "")</div>
                <button type="submit" class="btn" id="sub">
                    登录</button>
            </div>
        </div>
        }
    </div>
    <div id="footer">
        <ul>
            <li><a href="/">Index</a></li>
            <li><a href="/">Website</a></li>
            <li><a href="/">Blogs</a></li>
            <li><a href="/">Twitter</a></li>
            <li><a href="/">FaceBook</a></li>
            <li>Copyright &copy; kuibono 2012</li>
        </ul>
    </div>
    
</body>
</html>
*@
@using System.Web.Optimization
@using TEWorkFlow.Web.Client.Models
@model TEWorkFlow.Web.Client.Models.LoginModel
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>系统登录</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <link rel="stylesheet" type="text/css" href="~/Styles/demo.css" />
    <script src="~/scripts/boot.js" type="text/javascript"></script>
    <link type="text/css" rel="Stylesheet" href="@Url.Content("~/Styles/reset.css")" />
    <link type="text/css" rel="Stylesheet" href="@Url.Content("~/Styles/controls.css")" />
    <script type="text/javascript" src="@Url.Content("~/Scripts/basic.js")"></script>
    <style type="text/css">
        #bg
        {
            margin-left: auto;
            margin-right: auto; /*background-image: url(/Images/loginBg.jpg);
            background-repeat:no-repeat;*/
            width: 371px;
            height: 468px;
            padding-top: 0px;
            overflow: hidden;
        }
        #bg1
        {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            z-index: 0;
        }
        #bg1 img
        {
            display: block;
            margin: auto;
            height: 100%;
            width: 100%; /*min-width: 50%;
            min-height: 50%;*/
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
        }
        #loginPn
        {
            width: 371px;
            height: 198px;
            margin: 0px auto;
            position: relative;
            background-image: url(/Images/loginPanel.png);
            background-repeat: no-repeat;
            -webkit-box-shadow: 2px 2px 1px 0 rgba(0, 0, 0, .4);
            -moz-box-shadow: 2px 2px 1px 0 rgba(0, 0, 0, .4);
            box-shadow: 2px 2px 1px 0 rgba(0, 0, 0, .4);
        }
        #loginPn img
        {
            position: absolute;
            left: 0;
            top: 0;
            z-index: 2;
            display: none;
        }
        #form
        {
            position: relative;
        }
        input
        {
            position: absolute;
            border: 0px solid transparent;
            background-color: transparent;
            width: 120px;
            z-index: 100;
            height: 17px;
        }
        .hide
        {
            position: absolute;
            border: 0px solid transparent !important;
            background-color: transparent !important;
            width: 120px;
            z-index: 100;
            height: 17px;
        }
        #validation
        {
            color: Red;
            position: absolute;
            top: 200px;
        }
    </style>
</head>
<body style="border: 1px solid transparent;">
    <div id="bg1">
        <img src="/Images/loginBg.jpg" style="display: none" />
    </div>
    <table style="margin-top:150px; margin-left:auto; margin-right:auto">
        <tr>
            <td style="vertical-align: top;">
                <img src="/Images/logo.png" />
            </td>
            <td>
                <div id="bg" style="">
                    <div id="loginPn">
                        
                        <img src="/Images/loginPanel.png" />
                        <form method="post" action="">
                        <input type="hidden" id="logintype" name="logintype" value="0" />
                        <input class="hide" name="UserName" type="text" style="left: 120px; top: 82px;" />
                        <input class="hide" name="Password" type="password" style="left: 120px; top: 117px;" />
                        <input class="hide" type="submit" value="" style="left: 77px; top: 165px; width: 62px;
                            cursor: hand;" />
                        <input class="hide" type="reset" value="" style="left: 217px; top: 165px; width: 62px;
                            cursor: hand;" />
                        </form>
                        <div id="validation">@Html.ValidationSummary(true, "")</div>
                    </div>
                </div>
            </td>
        </tr>
    </table>
</body>
</html>
